<template>
  <div class="index_box">
    <div class="header_box">
      <c-header></c-header>
    </div>

    <div class="router_content">
      <router-view />
    </div>

    <div class="footer_box">
      <c-footer></c-footer>
    </div>
  </div>
</template>

<script>
import cHeader from "@/components/header.vue";
import cFooter from "@/components/footer.vue";
export default {
  components: {
    cHeader,
    cFooter,
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.index_box {
  height: 100%;
  .header_box {
    height: 152px;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    position: sticky;
    top: -98px;
    left: 0;
    box-shadow: 0 2px 4px 0 rgb(75 75 75 / 7%);
    // display: none;
  }
  .router_content {
    width: 100%;
    // padding: 152px 0 340px;
    min-height: calc(100vh - 272px);
  }
  .footer_box {
    // display: none;
    height: 120px;
    width: 100%;
    background-color: #0166b6;
    box-shadow: 0 -2px 4px 0 rgb(75 75 75 / 7%);
  }
}
</style>
